@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-size:12px;font-family: "Microsoft yahei", sans-serif;-webkit-text-size-adjust:100%;background-color: #F2F2F2;margin-bottom:4rem;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a{text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
@media only screen and (max-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8px}.viewport{max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:9px}.viewport{max-width:320px}}
@media only screen and (max-width:360px) and (min-width:320px){body{font-size:9px}.viewport{max-width:360px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13px}.viewport{max-width:480px}}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13px}.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15px}.viewport{max-width:570px}}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15px}.viewport{max-width:640px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:18px}.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:18px}.viewport{max-width:710px}}
.viewport{max-width:800px; min-width:320px; margin:0 auto; overflow:hidden; position:relative;}
/*header*/
.header{margin: 0;padding: 0;width: 100%;min-width: 320px;max-width:800px; height:46px; background-color: #F44336;position: fixed;z-index: 9999;border-bottom: 1px solid #9a9a9a;}
.header-1{width:12.33%; padding-left:3%; text-align:center;display: inline-block;float: left;position: relative;top: 6px;}
.header-1-1,.header-3-1{width:1.5rem;height:1.5rem;display: inline-block;}
.header-1 img{width:1.5rem;height:1.5rem;display: inline-block;cursor: pointer;float: left;position: relative;top: 5px;}
.header-1 span{color: #fff;cursor: pointer;font-size: 0.5rem;}
.header-2{ width:69.33%; font-size:1.2rem; color:#ffffff; font-weight:bold; text-align:center;display: inline-block;line-height: 46px;letter-spacing: 2px;}
.header-3{ width:12.33%; padding-right:3%; text-align:center;display: inline-block;float: right;position: relative;top: 6px;}
.header-3 img{width:1.3rem;height: 1.3rem;display: inline-block;cursor: pointer;}
.header-3 span{color: #fff;cursor: pointer;font-size: 0.8rem;}
/*bottom*/
.bottom{position:fixed;bottom:0;min-width: 320px;max-width:800px;width:100%;background:#E6E6E6;box-shadow: 0 -2px 4px #c4c2c2;}
.bottom li{width:20%;float:left;text-align:center;height:4rem;}
.bottom li a{width:4rem;height:4rem;display: inline-block;}
.bottom li a img{margin-top: 5px; width:2.5rem; }
.bottom li a span{color: #000; }
